<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		
		<h1>用户注册</h1>
		<form action="" method="">
			用户名：<input type="text" id="nameInput" /><br>
			密码：<input type="password" id="password" /><br>
			邮箱：<input type="text" id="email"/><br>
			电话号码：<input type="text" id="phone"/><br>
			生日：<input type="text" id="birthday"/><br>
			<button onclick="check()">检测</button>
		</form>
		
		<script type="text/javascript">
			function check()
			{
				console.log("check")
				var name=document.getElementById("nameInput").value
				var pass=document.getElementById("password").value
				var email=document.getElementById("email").value
				var phone=document.getElementById("phone").value
				var birth=document.getElementById("birthday").value
				
				var re=/^[a-zA-Z0-9]{6,20}/
				if(name.match(re))
				{
					alert("用户名符合要求")
				}
				else
				{
					alert("用户名不符合要求")
				}
				
				var re=/\w/
				if(pass.match(re))
				{
					alert("密码符合要求")
				}
				else
				{
					alert("密码不符合要求")
				}
				
				var re=/^[a-zA-Z0-9_-]+@[a-zA-Z0-9_-]+(\.[a-zA-Z0-9_-]+)+$/
				if(email.match(re))
				{
					alert("邮箱符合要求")
				}
				else
				{
					alert("邮箱不符合要求")
				}
				
				var re=/1\d{10}|/
				if(phone.match(re))
				{
					alert("电话符合要求")
				}
				else
				{
					alert("电话不符合要求")
				}
				
				var re=/^\d{4}-\d{1,2}-\d{1,2}$/
				if(birth.match(re))
				{
					alert("生日符合要求")
				}
				else
				{
					alert("生日不符合要求")
				}
			}
			
			
			
			
			
		</script>
	</body>
</html>
